<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 ,maximum-scale=1,user-scalable=no">
    <title>客户列表</title>
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/jquery-we/weui.min.css">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/jquery-we/jquery-weui.min.css">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/css/common.css">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/css/relation.css">
    <script src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/plugins/fancybox/lib/jquery-1.10.1.min.js"></script>
    <script src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/jquery-we/jquery-weui.min.js"></script>
</head>
<body class="view-container coutom">
<div class="header bar-positive">
    <a href="" class="left"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/blockr.png"/></a>
    <h1>客户列表</h1>
    <a href="" class="right"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/more.png"/></a>
</div>
<span class="sale_search">
</span>
<div class="mask"></div>
<div class="right-posty">
    <div class="weui-cells list">
        订单时间
        <input type="text" placeholder="2018-1-1">
        <span>至</span>
        <input type="text" placeholder="2018-1-31">
    </div>
    <div class="exam">
        <input type="radio" value="" id="item1"  name="Time" class="radio_ch" checked /><label for="item1">近7天</label>
        <input type="radio" value="" id="item2"  name="Time" class="radio_ch" /><label for="item2">近1个月</label>
        <input type="radio" value="" id="item3"  name="Time" class="radio_ch" /><label for="item3">近3个月</label>
    </div>
    <div class="weui-cells">
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <p>付款状态</p>
            </div>
            <div class="weui-cell__ft">
                全部
                <i class="icon icon-xiala"></i>
            </div>
        </div>
    </div>
    <div class="exam">
        <input type="radio" value="" id="item8"  name="payment" class="radio_ch" checked /><label for="item8">全部</label>
        <input type="radio" value="" id="item4"  name="payment" class="radio_ch" /><label for="item4">信用支付</label>
        <input type="radio" value="" id="item5"  name="payment" class="radio_ch" /><label for="item5">微信</label>
        <input type="radio" value="" id="item6" name="payment" class="radio_ch" /><label for="item6">支付宝</label>
        <input type="radio" value="" id="item7" name="payment" class="radio_ch" /><label for="item7">其他</label>
    </div>
    <div class="weui-cells">
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <p>客户级别</p>
            </div>
            <div class="weui-cell__ft">
                全部
                <i class="icon icon-xiala"></i>
            </div>
        </div>
    </div>
    <div class="exam">
        <input type="radio" value="" id="item9"  name="graded" class="radio_ch" checked /><label for="item9">全部</label>
        <input type="radio" value="" id="item10"  name="graded" class="radio_ch" /><label for="item10">一级</label>
        <input type="radio" value="" id="item11"  name="graded" class="radio_ch" /><label for="item11">二级</label>
        <input type="radio" value="" id="item12" name="graded" class="radio_ch" /><label for="item12">vip</label>
        <input type="radio" value="" id="item13" name="graded" class="radio_ch" /><label for="item13">vip</label>
    </div>
    <div class="weui-cells">
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <p>客户行业</p>
            </div>
            <div class="weui-cell__ft">
                全部
                <i class="icon icon-xiala"></i>
            </div>
        </div>
    </div>
    <div class="exam">
        <input type="radio" value="" id="item14"  name="industry" class="radio_ch" checked /><label for="item14">全部</label>
        <input type="radio" value="" id="item15"  name="industry" class="radio_ch" /><label for="item15">制造业</label>
        <input type="radio" value="" id="item16"  name="industry" class="radio_ch" /><label for="item16">电子业</label>
        <input type="radio" value="" id="item17" name="industry" class="radio_ch" /><label for="item17">办公用品</label>
        <input type="radio" value="" id="item18" name="industry" class="radio_ch" /><label for="item18">电子业</label>
    </div>
    <div class="bottom">
        <ul>
            <li><button class="clears">重置</button></li>
            <li><button>完成</button></li>
        </ul>

    </div>
</div>
<div class="new-contaner custor">
    <!--<div class="relation-search">-->
        <!--<input type="text" class="search" placeholder="请输入订单编号或用户名称">-->
        <!--<i class="weui-icon-search"></i>-->
        <!--<a href="" class="">搜索</a>-->
    <!--</div>-->
    <div class="weui-tab">
        <div class="weui-navbar">
            <div class="addtoit blue">
                <a class="weui-navbar__item weui-bar__item--on  addlist" href="#tab1">
                    企业会员
                </a>
                <a href="../member/enterpriseMember.html" class="addto"></a>
            </div>
            <div class="addtoit">
                <a class="weui-navbar__item addlist" href="individual.html">
                    个人会员
                </a>
                <a href="../member/personalMember.html" class="addto"></a>
            </div>
        </div>
        <div class="weui-tab__bd">
            <div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">
                <a class="relation-box weui-cell" href="businessDetails.html">
                    <div class="weui-cell__bd">
                        <h3 class="company">武汉博宏网络有限科技公司<span>代下单</span></h3>
                        <p>信用额度：10000.00</p>
                        <p>湖北省武汉市江夏区武大航域2区A2栋1310号湖北省武汉市江夏区武大航域2区A2栋1310号</p>
                    </div>
                </a>
                <a class="relation-box weui-cell" href="businessDetails.html">
                    <div class="weui-cell__bd">
                        <h3 class="company">武汉博宏网络有限科技公司<span>代下单</span></h3>
                        <p>信用额度：10000.00</p>
                        <p>湖北省武汉市江夏区武大航域2区A2栋1310号</p>
                    </div>
                </a>
            </div>

        </div>
    </div>
</div>
<div class="weui-tabbar">
    <a href="../index/index.html" class="weui-tabbar__item">
        <div class="weui-tabbar__icon">
            <img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/home.png"/>
        </div>
        <p class="weui-tabbar__label">首页</p>
    </a>
    <a href="../order/saleRelation.html" class="weui-tabbar__item">
        <div class="weui-tabbar__icon">
            <img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/lists.png"/>
        </div>
        <p class="weui-tabbar__label">订单</p>
    </a>
    <a href="../bookRoom/receipt.html" class="weui-tabbar__item">
        <div class="weui-tabbar__icon">
            <img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/pay.png"/></div>
        <p class="weui-tabbar__label">账房</p>
    </a>
    <a href="" class="weui-tabbar__item weui-bar__item--on">
        <div class="weui-tabbar__icon">
            <img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/bluepop.png"/></div>
        <p class="weui-tabbar__label">客户</p>
    </a>
    <a href="../commodity/commodityList.html" class="weui-tabbar__item">
        <div class="weui-tabbar__icon">
            <img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/shopss.png"/></div>
        <p class="weui-tabbar__label">商品</p>
    </a>
</div>
</body>
<script>
    $(".weui-navbar a").on("click",function(){
        var tdb = $(this).attr("href");
        $(this).parent().addClass("blue").siblings().removeClass("blue");
        $(this).addClass("weui-bar__item--on");
        $(this).parent().siblings().find(".weui-navbar__item").removeClass("weui-bar__item--on");
        $(tdb).addClass("weui-tab__bd-item--active").siblings().removeClass("weui-tab__bd-item--active");
    });
    $(".sale_search").on('click',function(){
        $(".mask").css('display','block');
        $(".right-posty").animate({right:"0"},"500")
    })
    $(".mask").on('click',function(){
        $(".mask").css('display','none');
        $(".right-posty").animate({right:"-300px"},"500")
    })
</script>
</html>